<!-- 逻辑 -->
  <script setup lang="ts">
  import {ref} from 'vue'
//1. 定义状态变量
const msg=ref(
'<button>点我试一试</button>'
)
</script>
<!-- 结构 -->
<template>
<!-- 2.渲染到页面上 -->
<h2 v-html="msg"></h2>
<h2 v-text="msg"></h2>

<!-- 
v-text   不会解析指令   输入的是什么就是什么    会替换所有内容
v-html    可以解析指令   可以解析标签           会替换所有内容
插值表达式  {{  }}     会替换部分内容  使用的较多



 -->

 </template>
<!-- 样式 -->
<style scoped>

</style>
